import type { MultiTabsSetting } from '/#/config';

import { computed } from 'vue';

import { useAppStore } from '/@/store/modules/app';

export function useMultipleTabSetting() {
   const appStore = useAppStore();

   const getShowMultipleTab = computed(() => appStore.getMultiTabsSetting.show);

   const getShowQuick = computed(() => appStore.getMultiTabsSetting.showQuick);

   const getShowRedo = computed(() => appStore.getMultiTabsSetting.showRedo);

   const getShowFold = computed(() => appStore.getMultiTabsSetting.showFold);

   function setMultipleTabSetting(multiTabsSetting: Partial<MultiTabsSetting>) {
      appStore.setProjectConfig({ multiTabsSetting });
   }
   return {
      setMultipleTabSetting,
      getShowMultipleTab,
      getShowQuick,
      getShowRedo,
      getShowFold,
   };
}
